#tudo{
    width: 90%; 
    margin: 0 auto; /* ao magico aqui */ 
    text-align: left;
    padding:0;
}


#top {
    width:98%;
    height: 20%;
    padding: 0;
    margin: 0;
    font-family: cursive; 
    font-size: 48px;
    font-style: italic;
    float: top;
    border-image: 0;
    border:0;
}

#bottom {
    position: relative;
    padding: 5px 0 0 2px;
    margin: 10px 0px 0px 0px;
    clear: both;
    height: 10%;
}

#left {
    float: left; /* COM ESSA PROPRIEDADE EM LEFT MENU FICA DESATIVADO*/
    padding: 0;
    width: 20%;
}

#right {
    float: right;
    padding: 5px;
    width: 20%;
}

.center_content {
    padding: 0;
    width: 100%;
    height: 70%;
}

.left_content {
    padding: 0 7px 0 0;
    margin-left: 170px;
    width: 80%;
}

.right_content {
    padding: 5px;
    margin: 15px 170px 0px 170px;
    width: 80%;
}

#top a:link, #top a:visited {
    color: black;
    font-weight : bold;
    text-decoration: none;
}

#top a:link:hover, #top a:visited:hover  {
    color: black;
    font-weight : bold;
    text-decoration : underline;
}


